<template>
  <div>
    <div ref="num" @click="changefn">数量11</div>
  </div>
</template>
<script setup lang="ts"  name= "person555">
//借助ref函数解决在变量冲突的问题因为最后都需要渲染到app.vue 根中 避免重复  因此let 一下
//这个页面需要参考父组件App2.vue进行理解
import {
  reactive,
  ref,
  toRefs,
  toRef,
  computed,
  watch,
  watchEffect,
  defineExpose,
} from "vue";
// 需求  当
let num = ref();
let a = ref(1);
let changefn = () => {
  console.log(num.value);   //默认拿到的是dom元素
};
defineExpose({ a: a });    //这是暴露的方式
</script>